@extends('app.layouts.page')
@section('page-body')
    <ul id="gallery">
        @foreach($bodyData as $i)
            <li><img src="{{ \App\Models\Upload::find($i->image)->path() }}"
                     data-frame="{{\App\Models\Upload::find($i->image)->path()}}?s=50" alt=""></li>
        @endforeach
    </ul>
@stop

@section('css')
    @parent
    <link rel="stylesheet" href="/plugins/gallery-view/css/jquery.galleryview-3.0-dev.css">
@stop
@section('js')
    @parent
    <script src="/plugins/gallery-view/js/jquery.galleryview-3.0-dev.js"></script>
    <script src="/plugins/gallery-view/js/jquery.easing.1.3.js"></script>
    <script src="/plugins/gallery-view/js/jquery.timers-1.2.js"></script>

    <script>
        $('#gallery').galleryView({
            autoplay: true
        });
    </script>
@stop